html, body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background-color: #181d3b;
}
.hidden-scroll::-webkit-scrollbar{width:0px;height:0px;}

.pr5 {
     padding-right: 5px;
 }

 .pr10 {
     padding-right: 10px;
 }

 .pl5 {
     padding-left: 5px;
 }

 .pl10 {
     padding-left: 10px;
 }

 .pt10 {
     padding-top: 10px;
 }

 .pb10 {
     padding-bottom: 10px;
 }

 .pb25 {
     padding-bottom: 25px;
 }

 .mr10 {
     margin-right: 10px;
 }

 .ml10 {
     margin-left: 10px;
 }

 .ml20 {
     margin-left: 20px;
 }

 .mt5 {
     margin-top: 5px;
 }


 .mt10 {
     margin-top: 10px;
 }

 .mt20 {
     margin-top: 20px;
 }

 .mb5 {
     margin-bottom: 5px;
 }

 .mb10 {
     margin-bottom: 10px;
 }

 .mb20 {
     margin-bottom: 20px;
 }


.header {
 overflow: hidden;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999;
 margin-bottom: 3vh;
 padding-top: 3vh;
 width: 100%;
 height: 6vh;
 line-height: 6vh;
 border-bottom: solid 1px #dadce6;
 text-align: center;
 color: #dadce6;
 background-color: #181d3b;
}

.header &:after {
  content: "";
  display: block;
  clear: both;
 }

.header .fl {
  position: absolute;
  top: 3vh;
  left: 0;
  z-index: 2;
  
 }

.header .fr {
  position: absolute;
  top: 3vh;
  right: 20rpx;
  z-index: 2;
  width: 200rpx;
  height: 6vh;
  line-height: 6vh;
  text-align: right;
  color: #dadce6;
 }

.header .back {
  width: 130rpx;
  height: 6vh;
  line-height: 6vh;
  background: url("/static/right-arrow.png") no-repeat center;
  background-size: 14%;
  transform: rotate(180deg);
 }